<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Demo</title>
  <!-- 请勿在项目正式环境中引用该 layui.css 地址 -->
  <link href="../../layuimini/lib/layui/css/layui.css" rel="stylesheet">
</head>
<body>
<p>常用两级表头：</p>
<table class="layui-table" lay-data="{url:'../../kq/sche/data', page: true, limit: 6, limits:[6]}" id="ID-table-demo-theads-1">
  <thead>
  <tr>
    <th lay-data="{checkbox:true, fixed: true}" ></th>
    <th lay-data="{field:'username', width:80, fixed: true}">姓名</th>
    <th lay-data="{field:'userSn', width:80, fixed: true}">工号</th>
    <th lay-data="{field:'scheName', width:80}">班制名称</th>
    <th lay-data="{field:'scheStage', width:80}">班段</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{field:'d1', width:80}">1日</th>
    <th lay-data="{fixed: 'right', width: 130, align: 'center', toolbar: '#sche-bar'}">操作</th>
  </tr>
  </thead>
</table>
<p>更多级表头（支持无限极）：</p>
<table class="layui-table" lay-data="{url:'../../kq/sche/data', cellMinWidth: 80, page: true}" id="ID-table-demo-theads-2">
  <thead>
    <tr>
      <th lay-data="{field:'username', fixed:'left', width:80}" rowspan="3">联系人</th>
      <th lay-data="{field:'amount'}" rowspan="3">数量</th>
      <th lay-data="{align:'center'}" colspan="5">地址1</th>
      <th lay-data="{align:'center'}" colspan="2">地址2</th>
      <th lay-data="{fixed: 'right', width: 160, align: 'center', toolbar: '#templet-demo-theads-tool'}" rowspan="3">操作</th>
    </tr>
    <tr>
      <th lay-data="{field:'province'}" rowspan="2">省</th>
      <th lay-data="{field:'city'}" rowspan="2">市</th>
      <th lay-data="{align:'center'}" colspan="3">详细</th>
      <th lay-data="{field:'province'}" rowspan="2">省</th>
      <th lay-data="{field:'city'}" rowspan="2">市</th>
    </tr>
    <tr>
      <th lay-data="{field:'street'}" rowspan="2">街道</th>
      <th lay-data="{field:'address'}">小区</th>
      <th lay-data="{field:'house'}">单元</th>
    </tr>
  </thead>
</table>
<script type="text/html" id="templet-demo-theads-tool">
  <div class="layui-clear-space">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="detail">按钮1</a>
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">按钮2</a>
  </div>
</script>
  
<!-- 请勿在项目正式环境中引用该 layui.js 地址 -->
<script src="../../layuimini/lib/layui/layui.js"></script>
 
</body>
</html>